<template>
	<b-layout-index>
		<navbar is-style="light" :bgcolor="color.primary"></navbar>

		<view class="detail font-size-12" :style="{ '--colorPrimary': color.primary }">
			<view class="header text-center pd-20">
				<view class="pd-20">
					<iconfont size="60" color='#ffffff' icon="icon-icon-test27" />
				</view>
				<view class="pd-20 font-bold font-size-24">{{loadingStatus==1?$t('发货成功'):$t('发货失败')}}</view>
			</view>
		</view>
	</b-layout-index>
</template>

<script>
	import {
		ordershopPayment
	} from '../../../../api/order';

	export default {
		data() {
			return {
				info: {
					addressId: 0,
					agentId: null,
					brandId: null,
					categoryId: null,
					cloudType: 0,
					createDate: 0,
					deleted: 0,
					discountAmount: 0,
					id: 0,
					isActivty: 0,
					isAgent: 0,
					isPay: 1,
					isShop: 1,
					isUpgrade: 0,
					operatorId: 0,
					partyId: null,
					partySn: null,
					payType: 1,
					paymentAmount: 0,
					paymentDate: 0,
					paymentMethod: 0,
					paymentStatus: 0,
					postNum: null,
					quantity: 1,
					shopId: 1,
					sn: "2502221825300096",
					status: 2,
					totalAmount: 368,
					updateDate: 0,
					userId: 96
				},
				loadingStatus: 0
			}
		},
		onLoad(options) {
			console.log(options.id)
			this.shenheAction(options.id);
		},
		methods: {
			shenheAction: function(id = 0) {
				var the = this;
				ordershopPayment(id).then(res => {
					the.info = res;
					the.loadingStatus = 1;
				}).catch(e => {
					the.loadingStatus = 2;
				})
			}
		}
	}
</script>

<style lang="scss">
	.detail {
		.header {
			background-color: var(--color-primary);
			color: #fff;
		}
	}
</style>